<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title>学员中心-收藏夹</title>
    <!--[if IE]>
    <meta http-equiv="X-UA-Compatible" content="IE=10,chrome=1"/><![endif]-->
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <script type="text/javascript" th:src="@{/js/js/jquery.min.js}" src="/js/js/jquery.min.js"></script>
    <script type="text/javascript" th:src="@{/js/cookies.js}" src="/js/cookies.js"></script>

    <script type="text/javascript" th:src="@{/js/parabola.js}" src="/js/parabola.js"></script>

    <link rel="stylesheet" type="text/css" href="/css/base1.css"/>
    <script type="text/javascript" th:src="@{/js/common.js}" src="/js/common.js"></script>
    <script type="text/javascript" th:src="@{/js/quick_links.js}" src="/js/quick_links.js"></script>
    <script type="text/javascript" th:src="@{/js/validateUtil.js}" src="/js/validateUtil.js"></script>
    <!--/ 右侧导航栏 -->
    <script type="text/javascript" th:src="@{/js/msgbox.js}" src="/js/msgbox.js"></script>
    <link rel="icon" th:href="@{/images/yx-icon.png}" href="/images/yx-icon.png"/>
    <link th:href="@{/css/base.css}" href="/css/base.css" rel="stylesheet" type="text/css"/>
    <link th:href="@{/css/shou.css}" href="/css/shou.css" rel="stylesheet" type="text/css"/>
    <link th:href="@{/css/index.css}" href="/css/index.css" rel="stylesheet" type="text/css"/>
    <link th:href="@{/css/msgbox.css}" rel="stylesheet" href="/css/msgbox.css"/>


    <script type="text/javascript" th:src="@{/js/main.js}" src="/js/main.js"></script>
    <script th:src="@{/js/md5.js}" src="/js/md5.js" type="text/javascript"></script>
    <script th:src="@{/js/base64.js}" src="/js/base64.js" type="text/javascript"></script>
    <link th:href="@{/css/student.css}" href="/css/student.css" rel="stylesheet" type="text/css"/>
    <link th:href="@{/css/page.css}" href="/css/page.css" rel="stylesheet" type="text/css"/>
    <script th:src="@{/js/modernizr.js}" src="/js/modernizr.js"></script>

</head>

<body>
<link rel="stylesheet" href="/css/style1.css"/>
<script type="text/javascript" src="/js/js/jquery.qqFace.js"></script>
<script type="text/javascript" src="/js/scrollbar/jquery.slimscroll.js"></script>


<!-- 头部 -->
<div id="header">
    <div class="top">
        <div class="left">

            <input type="hidden" id="top_user_login_tag" value="54583">
            <span class="sp userNickName">[[${session.USER.empName}]]</span>
            <a href="/exit">[退出登录]</a>
        </div>

        <div class="right">
            <a href="/study/index">首页</a>
            <a href="/userCenter/purchasedGoodsList.html">个人信息</a>
            <a href="/userCenter/userCollection.html">我的收藏夹</a>
        </div>
    </div>
</div>
<!--首页头部 -->
<link href="/css/prettify.css" type="text/css" rel="stylesheet"/>
<script type="text/javascript" src="/js/scrollbar/prettify.js"></script>
<script type="text/javascript" src="/js/scrollbar/jquery.slimscroll.js"></script>
<script type="text/javascript" src="/js/appraisePage.js"></script>
<script type="text/javascript" src="/js/navigation.js"></script>
<div id="index_top">

    <!-- 导航-->
    <div id="nav">
        <ul class="menu1">
            <!--<li class="top">
                <a href="/userCenter/index.html">我的易学</a>
            </li>-->
            <li class="now"><a th:href="@{/study-employee/study_person(id=${session.USER.id})}">我的易学</a></li>
            <li style="float:right;"> <a href="/study/index">返回首页</a></li>
        </ul>
    </div>
    <!--/导航-->
</div>
<!-- 首页头部结束 -->

<script>
    function whenDocumentReady3() {
        /*加载购物车*/
        loadingShoppingCart();
    }

    /*
        搜索商品的分页
    */
    /*到第N页*/
    function top_topage(n) {
        $(".top_pageForm").find(".top_page").val(n);
        $(".top_pageForm").submit();
    }

    /*跳转至第N页*/
    function top_turnpage() {
        var pagenum = $("#top_pagenum").val();
        var maxPage = $(this).attr("id");
        if (pagenum == "" || pagenum > maxPage) {
            pagenum = maxPage;
        }
        topage(pagenum);
    }
</script>


<link href="/css/personLeft.css" rel="stylesheet" type="text/css"/>
<div id="main">
    <div class="left sideMenu">
        <ul>
            <li class="pic">
                <a href="/userCenter/person.html"><img
                        src="https://s1.ax1x.com/2020/08/03/aa6O6f.jpg" height="150"
                        width="151"/></a>
            </li>
            <li></li>
            <li>
                <h3><em></em>安全</h3>
                <div class="left_navi_div">
                    <a th:href="@{/study-employee/study_person(id=${session.USER.id})}">个人资料</a>
                </div>
            </li>
            <li>
                <h3 class="on"><em></em>学习</h3>
                <div class="left_navi_div">
                    <a class="now" th:href="@{/sel(id=${session.USER.id})}">我的收藏</a>
                </div>
            </li>
        </ul>
    </div>
    <script type="text/javascript" th:src="@{/js/jquery.SuperSlide.2.1.1.js}"
            src="/js/jquery.SuperSlide.2.1.1.js"></script>
    <script type="text/javascript">
        jQuery(".sideMenu").slide({
            titCell: "h3", //鼠标触发对象
            targetCell: ".left_navi_div", //与titCell一一对应，第n个titCell控制第n个targetCell的显示隐藏
            effect: "slideDown", //targetCell下拉效果
            delayTime: 300, //效果时间
            triggerTime: 150, //鼠标延迟触发时间（默认150）
            defaultPlay: true,//默认是否执行效果（默认true）
            returnDefault: false,
            trigger: "click" //鼠标从.sideMen移走后返回默认状态（默认false）
        });
    </script>

    <form action="userCollection" name="userCollection" id="userCollection">
        <input type="hidden" name="page" id="page"/>
    </form>
    <div class="right">
        <dl class="index">
            <dt>我的收藏</dt>
            <dd class="title">
                <span class="info">课程名称</span>
                <span class="price" style="padding-left:10px;">课程类型</span>

                <span class="ope">操作</span>
            </dd>
            <dd class="title content">
                <ul>
                    <li th:each="list:${list}" class="lineItem" id="lineItem_19" data="19">
                        <span class="check_this"></span>
                        <span class="info" style="padding-left:10px;">
                        	<a href="/course/2423.htm"><img th:src="${list.b1}" height="80" width="80"/></a>
                            <font id="col_goods_title"><a href="/course/2423.htm" th:text="${list.a1}"></a></font>

                        </span>

                        <span class="money" th:text="${list.c1}"></span>
                        <span class="ope">

							<a th:href="@{/del(id=${list.id})}" class="cd-popup-trigger-collect">删除</a><br/>
						</span>
                    </li>
                </ul>
                <!-- 删除弹出框 -->
                <div class="cd-popup" id="deleteGoodsBox" role="alert">
                    <div class="cd-popup-container" id="deleteGoods">
                        <h4>您确定要删除这件商品吗？</h4>
                        <form>
                            <input type="hidden" id="currentLineId" name="orderId" value="-1"/>
                            <input type="button" class="sp_c_btu_l" value="确定" onclick="deleteUserCollection()"/>
                            <input type="button" value="取消" class="c_p_c sp_c_btu_r"/>

                        </form>
                        <a href="#0" class="cd-popup-close">×</a>
                    </div>
                </div>


                <script>
                    function show() {
                        document.getElementById('div2').style.display = 'block'
                        setTimeout(function () {
                            var obj = document.getElementById("div2");
                            obj.style.display = "none";
                        }, 500);

                    }
                </script>
                <!-- 删除弹出框 -->
            </dd>
            <dd>
                <!-- 分页 -->
                <div class="page">
                    <a href="#"> < </a>
                    <span class="now">1</span>

                    <a href="#"> > </a>


                    <font>共1条记录</font>
                    <form>
                        <label>到第</label><input type="text" class="tet" id="pagenum" value=""/><input type="button"
                                                                                                      value="确定"
                                                                                                      class="sub"
                                                                                                      onclick="turnpage()"
                                                                                                      id="1"/>
                    </form>
                </div>
                <link href="/css/page.css" rel="stylesheet" type="text/css"/>
                <!--/ 分页 -->

            </dd>
        </dl>
    </div>
</div>
<div class="footer">
    <div class="footer-main">
        <div class="footer-link">
            <h4>交流合作</h4>
            <ul>
                <li><a href="/common/help/aboutUs.html">关于我们</a></li>
                <li><a href="/common/help/contactUs.html">联系我们</a></li>
                <li><a href="/common/help/advService.html">广告合作</li>
                <li><a href="/common/help/disclaimer.html">免责申明</a></li>
            </ul>
        </div>
        <div class="footer-link">
            <h4>帮助中心</h4>
            <ul>
                <li><a href="/wd.htm">技术问答</a></li>
                <li><a href="/common/help/afterSale.html">售后帮助</a></li>
                <li><a href="/common/help/refundRule.html">退款帮助</a></li>
                <li><a href="/sitemap.html">网站地图</a></li>
            </ul>
        </div>
        <div class="footer-link">
            <h4>我是学员</h4>
            <ul>
                <li><a href="/common/help/buyGoods.html">如何学习</a></li>
                <li><a href="/study.htm">抱团学习</a></li>
                <li><a href="/userCenter/purchasedGoodsList.html">我的课程</a></li>
                <li><a href="/question/myQuestion.html">我的问答</a></li>
            </ul>
        </div>
        <div class="footer-link">
            <h4>我是讲师</h4>
            <ul>
                <li><a href="/common/help/teacherRegister.html">讲师入驻</a></li>
                <li><a href="/common/help/issueFaceCourse.html">发布课程</a></li>
                <li><a href="/common/help/studyhelp.html">寻找学员</a></li>
            </ul>
        </div>
        <div class="footer-link">
            <h4>我是企业</h4>
            <ul>
                <li><a href="/common/help/aboutSchool.html">关于入驻</a></li>
                <li><a href="/common/help/toBeSchool.html">学校入驻</a></li>
                <li><a href="/common/help/schooldeco.html">学校装修</a></li>
                <li><a href="/common/help/marketcenter.html">营销中心</a></li>
            </ul>
        </div>
    </div>
    <p class="footer-record">Copyright ©2015-2020 博睿（广州）科技有限公司 地址： <a>广州市天河区科韵路棠安路188号</a> 邮编：<a>510000</a> 网站备案号： <a
            href="http://beian.miit.gov.cn/" target="_blank">粤ICP备17128079号-2</a></p>
    <style>
        .footer {
            width: 100%;
            background: #2e2e2e;
            padding-bottom: 20px;
            overflow: auto;
        }

        .footer-main {
            width: 1140px;
            margin: 0 auto;
            margin-top: 20px;
            border-top: 1px solid #fff;
            border-bottom: 1px solid #fff;
            padding: 30px 30px 0;
            text-align: center;
            overflow: auto;
        }

        .footer-main .footer-link {
            width: 140px;
            line-height: 35px;
            float: left;
            margin-bottom: 20px;
        }

        .footer-main .footer-link h4 {
            font-size: 16px;
            color: #fff;
        }

        .footer-main .footer-link a {
            color: #fff;
        }

        .footer-contact {
            width: 400px;
            float: right;
        }

        .footer-contact-num {
            width: 370px;
            height: 40px;
            border: 1px solid #edd70d;
            padding: 10px;
            text-align: left;
        }

        .footer-contact-num label {
            float: left;
            width: 40px;
            height: 40px;
        }

        .footer-contact-num p {
            float: left;
            line-height: 45px;
            color: #fff;
            font-size: 16px;
            margin: 0 10px
        }

        .contact-img {
            width: 45px;
            height: 45px;
            margin: 20px 20px 0;
        }

        #weichatDiv {
            position: absolute;
            display: none;
        }

        #weichatDiv img {
            position: absolute;
            left: 137px;
            top: -44px;
            border: 5px solid #fff;
        }

        .footer-record {
            text-align: center;
            font-size: 12px;
            color: #fff;
            margin-top: 10px;
        }

        .footer-record a {
            color: #fff;
        }
    </style>
    <script type="text/javascript">
        function whenDocumentReady3() {
            $("#weiChat-img").hover(function (event) {
                $("#weichatDiv").fadeIn(300);
            }, function (event) {
                $("#weichatDiv").fadeOut(300);
            });
        }
    </script>
</div>
</body>
</html>